
@charset "utf-8";
/*reset CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
a img {border:0}
body { color: #333; text-align: center; font: 12px "微软雅黑", '宋体'; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none; display: block;}
a:hover {color: #333; text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
img{border: 0;/* max-width: 100%;*/}

body{ font-family: "微软雅黑", '宋体';font-size: 100%;line-height: 24px;-webkit-font-smoothing: antialiased;}

html{ font-size: 62.5%;width: 100%;height: 100%; }
body{font-size: 1.4rem;  }

.l{float: left;}
.r{float: right;}

body{width: 100%;height: auto;    background: #D7CF7A;}
.c{padding: 0 8%; text-align: left; background:transparent; }
.container{width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 0px;
    text-align: left;
}
.pc_img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 0;
}
.pc_img img {
    width: 100%;
    height: auto;
}
.header{position: relative; z-index: 99;text-align: center; width: 100%;}
.header img{width: 100%;height: auto;}
.form_wrap{position: relative; z-index: 99;padding: 0 8%; color: #333;}
.lead{    text-align: center;
    color: #353106;
    padding-top: 8px;
    font-size: 5vw;
    }
 .txt_cap{
 	 color: #353106;
 	 font-size: 4vw;
 	 padding-bottom: 5px;
 	 border-bottom: 1px dashed #353106;
 	 line-height: 1.5em
 }
 form label{  
 	font-weight: 500;
 	font-size: 4.5vw;
    line-height: 1.8em;}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    display: block;
   font-size: 4vw;
}
.checkbox{
	width:95%;
    height: auto;
    margin: 2vw 0 0 5%;
    overflow: hidden;
    position: relative;
}
.checkbox li {
    width: 100%;
    height:13vw;
    float: left;
    top: 0vw;
    position: relative;
    color: #353106;
    line-height: 15vw;
    z-index: 9;
    font-size: 5vw;
}
.checkboxFour {
    width: 0px;
    height: 0px;
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    top: 5px;
}
.checkboxFour label {
    display: block;
    width: 6vw;
    height: 6vw;
    cursor: pointer;
    top: 3.5vw;
    position: absolute;
    z-index: 1;
    background: url(../images/wxz.png) no-repeat;
    background-size:6vw auto;
     padding: 6vw;
}
button, input, select, textarea {
    font-size: 100%;
     visibility: hidden; 
}
.checkboxFour input[type=radio]:checked + label {
    background: url(../images/xz.png) no-repeat;
    background-size: 6vw auto;
}
.checkbox li p {
    margin-left: 8vw;
    font-size: 4vw;
}
#completebtn{
	width: 40%;
	position: relative;
    font-size: 3.4vw;
    text-align: center;
    border-radius: 10px;
    visibility: visible; 
    background: #e9bb10;
    color: #fff;
    margin-bottom: 15px;
    left: 50%;
    margin-left: -20%;
    padding: 2vw 0;
}

@media screen and (min-width: 767px) {
   .checkboxFour label {
    
   width: 20px;
    height: 20px;
    top:0px;
    background-size: contain;
}
.checkboxFour input[type=radio]:checked + label {
    
    background-size: contain;
}
.checkbox li p {
    margin-left: 5vw;
}
}
@media screen and (min-width: 1000px) {
   body{width: 1000px; margin: 0 auto;}
   .lead{font-size: 18px;}
   .txt_cap{font-size:14px; }
   form label{font-size: 18px;}
   .checkbox li p {font-size: 16px; margin-left:35px; }
   .checkbox li{height:auto; font-size: 18px;}
   .checkbox { margin: 15px 0 0 5%;}
   #completebtn{padding: 0px; width: 250px; margin-left: -125px; height: 40px; line-height: 40px; font-size: 16px; text-align: center;}
}